<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>

<body class="Spage_body">
<!-- top-head -->
<div class="top_head">
	注册
	<a href="javascript:void(0)" class="top_head_back" onClick="javascript:history.back(-1);"><img src="images/back_btn.png"></a>
</div>
<!-- top-head -->
<!-- wrap -->
<!-- login_box -->
<div class="container login_box">
	<form>
		<div class="login_input">
        	<div class="login_input_d1">
            	<p class="col-xs-3 col-sm-2 login_input_d1_p1">用户名</p>
                <p class="col-xs-9 col-sm-10 login_input_d1_p2">
                	<input type="text" name="name" id="name" placeholder="请输入用户名">
                </p>
            </div>
            <div class="login_input_d1">
            	<p class="col-xs-3 col-sm-2 login_input_d1_p1">登录密码</p>
                <p class="col-xs-9 col-sm-10 login_input_d1_p2">
                	<input type="password" name="password" id="password" placeholder="6-18位的数字和字母混合">
                </p>
            </div>
            <div class="login_input_d1">
            	<p class="col-xs-3 col-sm-2 login_input_d2_p1">确认密码</p>
                <p class="col-xs-9 col-sm-10 login_input_d2_p2">
                	<input type="password" placeholder="请再输入一次密码">
                </p>
            </div>
            <div class="login_input_d1">
                <p class="col-xs-3 col-sm-2 login_input_d2_p1">性别</p>
                <p class="col-xs-9 col-sm-10 login_input_d2_p2">
                    <input type="radio" name="sex" id="sexM" style="width: auto;"><label for="sexM">男</label>
                    <input type="radio" name="sex" id="sexW" style="width: auto;"><label for="sexW">女</label>
                </p>
            </div>
            <div class="login_input_d1">
                <p class="col-xs-3 col-sm-2 login_input_d2_p1">出生日期</p>
                <p class="col-xs-9 col-sm-10 login_input_d2_p2">
                    <span>年：</span>
                    <select id="year">
                        <option></option>
                        <option>1990</option>
                        <option>1991</option>
                    </select>
                    <span>月：</span>
                    <select id="month">
                        <option></option>
                        <option>1</option>
                        <option>2</option>
                    </select>
                    <span>日：</span>
                    <select id="day">
                        <option></option>
                        <option>10</option>
                        <option>20</option>
                    </select>
                </p>
            </div>
            <div class="login_input_d1">
                <p class="col-xs-3 col-sm-2 login_input_d2_p1">手机</p>
                <p class="col-xs-9 col-sm-10 login_input_d2_p2">
                    <input type="text" id="phone" placeholder="手机号码">
                </p>
            </div>
            <div class="login_input_d1" style="height:100px;">
                <p class="col-xs-3 col-sm-2 login_input_d2_p1">简介</p>
                <p class="col-xs-9 col-sm-10 login_input_d2_p2">
                    <textarea id="intro"></textarea>
                </p>
            </div>
        </div>
        <!-- 验证码 -->
        <div class="row zhuce_YZM">
        	<div class="col-xs-5 zhuce_YZM_d1"><input type="text"></div>
            <div class="col-xs-5 zhuce_YZM_d2">
            	<p><img src="temp/YZM.jpg"></p>
            </div>
            <div class="col-xs-2 zhuce_YZM_d3"><a href="javascript:void(0);">换一张</a></div>
        </div>
        <!-- 验证码 -->
        <div class="login_btn col-xs-12">
        	<input type="button" disabled value="立即注册">
        </div>
        <!-- 协议 -->
        <div class="row zhuce_XY clearfix">
        	<label for="zhuce_XY_z"><input type="checkbox" id="zhuce_XY_z">我同意<a href="#">游吧用户服务协议</a></label>
        </div>
        <!-- 协议 -->
    </form>
</div>
<!-- login_box -->
<!-- wrap -->
</body>
<script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="scripts/hr-jquery.js"></script>
</html>
